<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>包裹详情</title>
    <link rel="stylesheet" href="../../static/layui/css/layui.css">
    <link rel="stylesheet" href="../../static/css/main.css">
    <link rel="stylesheet" href="../../static/css/public.css">
    <script src="../../static/js/jquery-3.4.1.min.js"></script>
    <script src="../../static/layui/layui.js"></script>
</head>
<body>

<table class="layui-hide" id="demo"></table>

<script>
    var package = JSON.parse(localStorage.getItem('searchpackage'));
    layui.use('element', function(){
        var element = layui.element;

        //…
    });

    layui.use(['form', 'layedit', 'laydate','table'], function() {
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate
            , table = layui.table
        table.render({
            elem: '#demo'
            , cellMinWidth: 120
            , title: '包裹信息表'
            , cols: [[ //表头
                ,{field: 'packageId', title: '包裹编号', width:'10%', sort: true}
                ,{field: 'volumn', title: '体积', width:'10%',sort: true}
                ,{field: 'weight', title: '重量', width:'10%', sort: true}
                ,{field: 'lenWidHigh', title: '长宽高', width:'10%', sort: true}
                ,{field: 'quantity', title: '数量', width:'10%', sort: true}
                ,{field: 'packageContent', title: '包裹内容', width:'10%', sort: true}
                ,{field: 'agingType', title: '时效类型', width:'60%', sort: true}

                ,{fixed: 'right', width: '16%', align:'center', toolbar: '#barDemo'}

            ]]
            , data: package.data
        });

    });
</script>


</body>
</html>